/**
 * upload 图片上传
 **/

.el-upload-left .el-upload,
.el-upload-left .el-upload--picture-card {
    float: left;
}

.el-upload-view>.el-upload--picture-card {
    border: 1px solid #c0ccda;
}

.upload-list {
    margin: 0;
    display: inline;
    margin-right: 5px;
}

.upload-list-item {
    padding: 2px;
    width: 82px;
    height: 82px;
    line-height: 82px;
    display: inline-block;
    border: 1px solid #c0ccda;
    margin-top: 5px;
}

.upload-list-item {
    margin-left: 5px;
    float: left;
}

.upload-list-center,
.upload-list-center .upload-list-item {
    float: none;
}

.el-upload {
    margin-top: 5px;
}


/* 图片预览 */

.el-upload .el-upload-img-cover,
.upload-list-item .el-upload-img-cover {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: no-repeat 50%/100%;
}


/* 图片删除 */

.el-upload .el-upload-img-delete i,
.upload-list .el-upload-img-delete i {
    display: none;
    font-size: 21px;
    position: relative;
    top: -10px;
    right: -10px;
    cursor: pointer;
    color: #c5c5c5;
    float: right;
}

.el-upload .el-upload-img-cover:hover .el-upload-img-delete i,
.el-upload .el-upload-img-cover:focus .el-upload-img-delete i,
.el-upload .el-upload-img-cover:active .el-upload-img-delete i,
.upload-list .el-upload-img-cover:hover .el-upload-img-delete i,
.upload-list .el-upload-img-cover:focus .el-upload-img-delete i,
.upload-list .el-upload-img-cover:active .el-upload-img-delete i {
    display: inherit;
}


/*一般型图片容器 */

.el-upload-md .el-upload,
.el-upload-md .el-upload--picture-card,
.el-upload-md .el-upload-list--picture-card,
.el-upload-md .el-upload-list__item,
.el-upload-md img {
    width: 124px;
    height: 124px;
    line-height: 124px;
}


/* 小型图片容器 */

.el-upload-sm .el-upload,
.el-upload-sm .el-upload--picture-card,
.el-upload-sm .el-upload-list--picture-card,
.el-upload-sm .el-upload-list__item,
.el-upload-sm img {
    width: 108px;
    height: 108px;
    line-height: 108px;
    margin-left: 5px;
}


/* 超小型图片容器 */

.el-upload-xs .el-upload,
.el-upload-xs .el-upload--picture-card,
.el-upload-xs .el-upload-list--picture-card,
.el-upload-xs .el-upload-list__item,
.el-upload-xs img {
    width: 82px;
    height: 82px;
    line-height: 82px;
    margin-left: 5px;
}


/* 一般小型图片容器 */

.el-upload-xs-md .el-upload,
.el-upload-xs-md .el-upload--picture-card,
.el-upload-xs-md .el-upload-list--picture-card,
.el-upload-xs-md .el-upload-list__item,
.el-upload-xs-md img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    margin-left: 5px;
}


/* 超超小型图片容器 */

.el-upload-xs-sm .el-upload,
.el-upload-xs-sm .el-upload--picture-card,
.el-upload-xs-sm .el-upload-list--picture-card,
.el-upload-xs-sm .el-upload-list__item,
.el-upload-xs-sm img {
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin-left: 5px;
}

.el-upload-xs-sm .upload-list-item {
    width: 52px;
    height: 52px;
    line-height: 52px;
}

.el-upload-xs-sm .el-upload i,
.el-upload-xs-sm .el-upload--picture-card i,
.el-upload-xs-sm .el-upload-list--picture-card i,
.el-upload-xs-sm .el-upload-list__item i {
    font-size: 20px;
}